<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Home—（品牌）装修设计平台</title>
		<style type="text/css">
			body{
				background: url(img/背景.png);
				width: 1060px;
				margin: auto;
			}
			*{
				font-family: "微软雅黑";
				padding: 0;
				margin: 0;
			}
			li{
				list-style: none;
			}
			a{
				text-decoration: none ;
			}
			#fir-menu{
				width: 1000px;
				height:20px;
				margin:10px auto 0 auto;
				padding: 20px 30px 20px 30px;
				line-height: 20px;
				font-weight:  bold;
			}
			.f-men-left,.f-men-left>li{
				float: left;
			}
			.f-men-reight,.f-men-reight>li{
				float: right;
			}
			#fir-menu span{
				color: #CDCDCD;
				margin:0 10px;
				font-weight: 100;
			}
			#fir-menu a{
				color: white;
			}
			#fir-menu a:hover{
				color: #D79477;
			}
			
			#end—menu{
				width: 100%;
				height: 150px;
				background-color: rgba(255,255,255,0.3);
			}
			#end—menu>div{
				float: left;
				width: 265px;
				text-align: center;
				margin-top: 10px;
			}
			#end—menu dt{
				height: 50px;
				line-height: 50px;
				color: #D7945B;
				font-size: 20px;
				font-weight: bolder;
			}
			#end—menu dd{
				cursor: pointer;
				height: 30px;
				line-height: 30px;
				color: white;
			}
			#conner{
				width: 100%;
				height: 745px;
				padding-top:30px;
				
			}
			#conner>div{
				float: left;
				padding-left:30px ;
			}
			#conner .conner-left>img{
				display: block;
				width: 540px;
				margin-top: 20px;
			}
			#conner .conner-reight{
				margin-left:10px ;
			}
			#conner .conner-reight img{
				display: block;
				margin-top: 20px;
				width: 413px;
			}
			#conner .conner-reight>div{
				position:  relative;
			}
			
			.conner-reight p{
				display: none;
				position: absolute;
				bottom: 0px;
				text-align: center;
				width: 413px;
				height: 50px;
				line-height: 50px;
				float: left;
				background-color:#CDCDCD ;
			}
			#conner .conner-reight>div:hover p{
				display: block;
				position: absolute;
				bottom: 0px;
				text-align: center;
				width: 413px;
				height: 50px;
				line-height: 50px;
				float: left;
				background-color:#CDCDCD ;
			}
		</style>
	</head>	
	<body>
		<!--第一导航-->
		<div id="fir-menu">
			<ul class="f-men-left">
				<li><a href="index.html" style="color: #D79477;">Home</a><span>|</span></li>
				<li><a href="我要装修.html">我要装修</a><span>|</span></li>
				<li><a href="DIY设计.html">DIY设计</a><span>|</span></li>
				<li><a href="同步施工.html">同步施工</a><span>|</span></li>
				<li><a href="装修购材.html">装修购材</a></li>
			</ul>
			<ul class="f-men-reight">
				<li><span>|</span><a href="注册.html">注册</a></li>
				<li><a href="登录.html">登录</a></li>
			</ul>
		</div>
		
		<!--主要内容-->
		<div id="conner">
			<div class="conner-left">
				<img src="img/index/t01ab9835d88c985680.jpg"/>
				<img src="img/index/61300543.jpeg"/>
			</div>
			<div class="conner-reight">
				<div class="con-re-fir">
					<img src="img/index/61300545.jpeg"/>
					<p class="wenzi">可通过VR眼镜仿真体验</p>
				</div>
				<div class="con-re-sec">
					<img src="img/index/61300546.jpeg"/>
					<p class="wenzi">可选择不同装修风格</p>
				</div>
				<div class="con-re-thi">
					<img src="img/index/61300547.jpeg"/>
					<p class="wenzi">可根据装修风格选择家具</p>
				</div>
			</div>
		</div>
		<!--尾部菜单-->
		<div id="end—menu">
			<div class="end-fir-menu">
				<dl>
					<dt>业务咨询</dt>
					<dd>022-23771195</dd>
					<dd>010-22225555</dd>
				</dl>
			</div>
			<div class="end-sec-menu">
				<dl>
					<dt>设计咨询</dt>
					<dd>022-23771195</dd>
					<dd>010-22225555</dd>
				</dl>
			</div>
			<div class="end-thi-menu">
				<dl>
					<dt>施工咨询</dt>
					<dd>022-23771195</dd>
					<dd>010-22225555</dd>
				</dl>
			</div>
			<div class="end-fou-menu">
				<dl>
					<dt>购买咨询</dt>
					<dd>022-23771195</dd>
					<dd>010-22225555</dd>
				</dl>
			</div>
		</div>
	</body>
</html>
